<!doctype html>
<html lang="zh-Hans">

<head>
  <meta charset="utf-8">
  <meta name="author" content="Fresns" />
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
  <meta name="format-detection" content="telephone=no,address=no,email=no">
  <meta name="mobileOptimized" content="width">
  <meta name="HandheldFriendly" content="true">
  <meta name="applicable-device" content="mobile">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Fresns">
  <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/css/fontawesome.min.css">
  <link rel="stylesheet" href="assets/plugins/overlayscrollbars/css/OverlayScrollbars.min.css">
  <link rel="stylesheet" href="assets/css/client-mobile.css">
  <title>Fresns 手机版</title>
</head>

<body>

  <nav class="toptab shadow-sm sticky-top clearfix">
    <div class="toptab-btn float-left"><a class="btn_icon" href="index.html"><i class="fas fa-arrow-left"></i></a></div>
    <div class="toptab-text float-left">发表新主题</div>
    <div class="toptab-btn float-right"></div>
  </nav>

  <div class="editor">
    <div class="editor-categories">
      <div class="d-flex bd-highlight">
        <div class="w-100 bd-highlight"><i class="fas fa-archive"></i> 选择版区</div>
        <div class="flex-shrink-1 bd-highlight"><i class="fas fa-chevron-right"></i></div>
      </div>
    </div>
    <div class="editor-box sticky-top">
      <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
        <div class="btn-group" role="group">
          <button type="button" class="btn btn-light btn-editor" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="far fa-grin"></i><span>表情</span></button>
          <div class="dropdown-menu emoji-box">
            <ul class="nav nav-tabs" id="myTab" role="tablist">
              <li class="nav-item"><a class="nav-link active" id="emoji-1" data-toggle="tab" href="#emoji-content-1" role="tab" aria-selected="true">默认</a></li>
              <li class="nav-item"><a class="nav-link" id="emoji-2" data-toggle="tab" href="#emoji-content-2" role="tab" aria-selected="false">兔斯基</a></li>
              <li class="nav-item"><a class="nav-link" id="emoji-3" data-toggle="tab" href="#emoji-content-3" role="tab" aria-selected="false">酷猴</a></li>
              <li class="nav-item"><a class="nav-link" id="emoji-4" data-toggle="tab" href="#emoji-content-4" role="tab" aria-selected="false">呆呆男</a></li>
            </ul>
            <div class="tab-content p-2 emoji-img" id="myTabContent">
              <div class="tab-pane fade show active" id="emoji-content-1" role="tabpanel">
                <img src="https://bbs.iherb.com/static/image/smiley/default/biggrin.gif" width="30" height="30">
                <img src="https://bbs.iherb.com/static/image/smiley/default/biggrin.gif" width="30" height="30">
                <img src="https://bbs.iherb.com/static/image/smiley/default/biggrin.gif" width="30" height="30">
                <img src="https://bbs.iherb.com/static/image/smiley/default/biggrin.gif" width="30" height="30">
                <img src="https://bbs.iherb.com/static/image/smiley/default/biggrin.gif" width="30" height="30">
                <img src="https://bbs.iherb.com/static/image/smiley/default/biggrin.gif" width="30" height="30">
                <img src="https://bbs.iherb.com/static/image/smiley/default/biggrin.gif" width="30" height="30">
                <img src="https://bbs.iherb.com/static/image/smiley/default/biggrin.gif" width="30" height="30">
                <img src="https://bbs.iherb.com/static/image/smiley/default/biggrin.gif" width="30" height="30">
                <img src="https://bbs.iherb.com/static/image/smiley/default/biggrin.gif" width="30" height="30">
                <img src="https://bbs.iherb.com/static/image/smiley/default/biggrin.gif" width="30" height="30">
                <img src="https://bbs.iherb.com/static/image/smiley/default/biggrin.gif" width="30" height="30">
                <img src="https://bbs.iherb.com/static/image/smiley/default/biggrin.gif" width="30" height="30">
              </div>
              <div class="tab-pane fade" id="emoji-content-2" role="tabpanel">兔斯基</div>
              <div class="tab-pane fade" id="emoji-content-3" role="tabpanel">酷猴</div>
              <div class="tab-pane fade" id="emoji-content-4" role="tabpanel">呆呆男</div>
            </div>
          </div>
        </div>
        <button type="button" class="btn btn-light btn-editor"><i class="far fa-image"></i><span>图片</span></button>
        <button type="button" class="btn btn-light btn-editor"><i class="fas fa-film"></i><span>视频</span></button>
        <button type="button" class="btn btn-light btn-editor"><i class="fas fa-music"></i><span>音频</span></button>
        <button type="button" class="btn btn-light btn-editor"><i class="fas fa-paperclip"></i><span>附件</span></button>
        <button type="button" class="btn btn-light btn-editor"><i class="fas fa-at"></i><span>艾特</span></button>
        <button type="button" class="btn btn-light btn-editor"><i class="fas fa-hashtag"></i><span>话题</span></button>
        <div class="btn-group" role="group">
          <button type="button" class="btn btn-light btn-editor" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fab fa-codepen"></i><span>扩展</span></button>
          <div class="dropdown-menu dropdown-menu-right" aria-labelledby="btnGroupDrop1">
            <a class="dropdown-item" href="#">加个标题</a>
            <a class="dropdown-item" href="#">富文本编辑</a>
            <a class="dropdown-item" href="#">增加投票</a>
            <a class="dropdown-item" href="#">设置付费</a>
          </div>
        </div>
      </div>
    </div>
    <div class="editor-form">
      <input class="form-control form-control-lg editor-title" type="text" placeholder="请在这里输入标题">
      <textarea class="form-control editor-content" rows="6" placeholder="从这里开始写正文"></textarea>
      <div class="editor-select">
        <hr>
        <div class="d-flex bd-highlight align-items-center">
          <div class="flex-fill bd-highlight"><button type="button" class="btn btn-outline-dark btn-sm"><i class="fas fa-map-marker-alt"></i> 添加位置</button></div>
          <div class="flex-fill bd-highlight text-right">
            <div class="custom-control custom-checkbox">
              <input type="checkbox" class="custom-control-input" id="customCheck1">
              <label class="custom-control-label" for="customCheck1">是否匿名</label>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="mt-4 mb-5 p-3"><button type="button" class="btn btn-success btn-block">发表</button></div>
  </div>

  <!-- JavaScript -->
  <script src="assets/js/jquery-3.5.1.slim.min.js"></script>
  <script src="assets/js/bootstrap.bundle.min.js"></script>
  <script src="assets/plugins/overlayscrollbars/js/jquery.overlayScrollbars.min.js"></script>
  <script src="assets/js/client-mobile.js"></script>
</body>

</html>